/**
 * 例子其实就是dom的高级应用，熟练使用dom，可以把给Datatables添加自定义按钮或者其他工具，使其看起来是一个整体
 * 参考DOM定位
 * ---
 * datatables定义了10个字符表示不同的组件
 *
 * l - Length changing 每页显示多少条数据选项
 * f - Filtering input 搜索框
 * t - The Table 表格
 * i - Information 表格信息
 * p - Pagination 分页按钮
 * r - pRocessing 加载等待显示信息
 * < and > - div elements 一个div元素
 * <"#id" and > - div with an id 指定id的div元素
 * <"class" and > - div with a class 指定样式名的div元素
 * <"#id.class" and > - div with an id and class 指定id和样式的div元素
 */
$(function () {
    $('#example').DataTable({
        dom: '<"toolbar">frtip'
    });
    $("div.toolbar").html('<b style="color:red">自定义文字、图片等等</b>');
});
